<template>
  <div id="app"> 
    <div v-wechat-title="$route.meta.title"></div>
    <main class="main">
      <keep-alive>
        <router-view v-if="$route.meta.keepAlive"></router-view>
      </keep-alive>
      <router-view v-if="!$route.meta.keepAlive"></router-view>
    </main>
      <router-view name="tabbar" />
  </div>
</template>
<script>
export default {
  name: 'app',
  props: {
    msg: String
  },
  computed: {
  },
  data() {
    return {}
  },
  mounted () {
  }
}
</script>
<style lang="scss">
@font-face {
  font-family: 'iconfont';  /* project id 1243753 */
  src: url('//at.alicdn.com/t/font_1243753_l5zha0wzxl8.eot');
  src: url('//at.alicdn.com/t/font_1243753_l5zha0wzxl8.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1243753_l5zha0wzxl8.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1243753_l5zha0wzxl8.woff') format('woff'),
  url('//at.alicdn.com/t/font_1243753_l5zha0wzxl8.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1243753_l5zha0wzxl8.svg#iconfont') format('svg');
}
.icon {
  font-family: 'iconfont';
  font-size: 12px;
}
body, html {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  color: #333;
}
p {margin: 0;}
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #FFFFFF;
  width: 100%;
  height: 100%;
  font-size: 15px;
  display: flex;
  flex-direction: column;
  .main {
    flex: 1;
    overflow: hidden;
  }
  // .foot {
  //   height: 60px;
  // }
}

#nav {
  padding: 30px;

  a {
    font-weight: bold;
    color: #2c3e50;

    &.router-link-exact-active {
      color: #42b983;
    }
  }
}
img {
  width: 100%;
  height: 100%;
}
.mainBgColor {
  background: linear-gradient(270deg, #FF5505 0%, #FF864D 100%);
}
.disBgColor {
  background: linear-gradient(270deg, #FF5505 0%, #FF864D 100%);
  opacity: 0.5;
}
.mainBgBtnColor {
  background: linear-gradient(270deg, #FF5505 0%, #FF864D 100%);
  border-radius: 4px;
}
.disBgBtnColor {
  background: linear-gradient(270deg, #FF5505 0%, #FF864D 100%);
  border-radius: 4px;
  opacity: 0.5;
}
.mainColor {
  color:#FF5507 !important;
}
.mainBorderColor {
  border-color:#FF5507;
}
// .disColor {
//   color:  #65C8FA;
//   opacity: 0.6;
// }
</style>
